<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <title>The Slides Document Type</title>
      <link rel="stylesheet" href="css/base.css" type="text/css"/>
      <script type="text/javascript" src="js/respond.min.js"></script>
      <script type="text/javascript" src="js/mt-core.js"></script>
      <script type="text/javascript" src="js/mt-more.js"></script>
      <script type="text/javascript" src="js/main.js"></script>
   </head>
   <body>
      <div id="d0e4" class="titlepage">
         <div class="titlepage-body">
            <div class="slidesinfo">
  
               <h1 class="title">The Slides Document Type</h1>
  
  
               <div class="author">
                  <h2>
                     <span class="firstname">Norman</span> 
                     <span class="surname">Walsh</span>
                  </h2>
               </div>
  
               <div class="outer_paragraph">Friday, 19 Dec 2003</div>
  
               <div class="outer_paragraph">3.3.0</div>
  
               <div class="outer_paragraph">Copyright © 2002, 2003 Norman Walsh</div>

            </div>
         </div>
      </div>
      <div class="foil" id="d0e32">
         <div class="foil-body">
            <h1 class="title">Introduction</h1>
            <div class="outer_paragraph">This is the introductory slide.</div>
            <div class="outer_paragraph">If you use foil groups (previously called sections), you can
have introductory slides before the first group.</div>
            <div class="outer_paragraph">Note: Bugs in some versions of Mozilla and IE prevent the XHTML
version of slides from working correctly in those browsers.
See <a href="http://sourceforge.net/tracker/index.php?func=detail&amp;aid=702066&amp;group_id=21935&amp;atid=397263" target="_top">the report</a> for more
details.</div>
         </div>
      </div>
      <div class="foilgroup" id="d0e44">
         <div class="foilgroup-body">
            <h1 class="title">Purpose and History</h1>
            <div class="outer_paragraph">Groups can now have introductory text as well.</div>
            <ul>
               <li>3. <a href="foil02.html">What Are Slides?</a>
               </li>
               <li>4. <a href="foil03.html">Where Do They Come From?</a>
               </li>
               <li>5. <a href="foil04.html">Why?</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="foil" id="d0e49">
         <div class="foil-body">
            <h1 class="title">What Are Slides?</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">An XML presentation tool
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Suitable for HTML or PDF presentations
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Supported by Open Source software
</div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foil" id="d0e62">
         <div class="foil-body">
            <h1 class="title">Where Do They Come From?</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">Maintained by the <a href="http://docbook.sourceforge.net/" target="_top">DocBook
Open Repository</a> Project at
<a href="http://sourceforge.net/" target="_top">SourceForge</a>

                     </div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Customization layer of
<a href="http://www.oasis-open.org/docbook/xml/simple/" target="_top">Simplified DocBook</a>

                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foil" id="d0e81">
         <div class="foil-body">
            <h1 class="title">Why?</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">So Norm could give presentations
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">So Norm could publish those presentations on the web
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">So Norm could have <span class="emphasis">
                           <em>accessible</em>
                        </span> presentations
that didn't rely on the grotesque HTML output of some otherwise bloated, proprietary
tool
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">So Norm could cut-and-paste from his DocBook articles and papers
directly into his slides
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Oh, let's face it: because it was there. Like the proverbial mountain.
</div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foilgroup" id="d0e103">
         <div class="foilgroup-body">
            <h1 class="title">Authoring</h1>
            <div class="outer_paragraph">How to write a presentation.</div>
            <ul>
               <li>7. <a href="foil05.html">Minimal Presentation</a>
               </li>
               <li>8. <a href="foil06.html">Presentation Metadata</a>
               </li>
               <li>9. <a href="foil07.html">Presentation Content</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="foil" id="d0e108">
         <div class="foil-body">
            <h1 class="title">Minimal Presentation</h1>
            <div class="outer_paragraph">The smallest possible presentation looks like this:</div>
            <pre class="screen">&lt;?xml version='1.0'?&gt;
&lt;!DOCTYPE slides PUBLIC "-//Norman Walsh//DTD Slides XML V3.0b1//EN"
                 "http://docbook.sourceforge.net/release/slides/3.0b1/slides.dtd"&gt;
&lt;slides&gt;
&lt;slidesinfo&gt;
&lt;title&gt;Presentation Title&lt;/title&gt;
&lt;/slidesinfo&gt;
&lt;foil&gt;&lt;title&gt;Foil Title&lt;/title&gt;
&lt;para&gt;Foil content&lt;/para&gt;
&lt;/foil&gt;
&lt;/slides&gt;</pre>
            <div class="outer_paragraph">Every presentation must contain at least one slide.</div>
         </div>
      </div>
      <div class="foil" id="d0e117">
         <div class="foil-body">
            <h1 class="title">Presentation Metadata</h1>
            <div class="outer_paragraph">Presentations usually have more metadata in the <code class="literal">slidesinfo</code>
wrapper. Here's a typical example:</div>
            <pre class="screen">&lt;slidesinfo&gt;
  &lt;title&gt;Supporting Localized Generated Text&lt;/title&gt;
  &lt;titleabbrev&gt;Generated Text&lt;/titleabbrev&gt;
  &lt;author&gt;&lt;firstname&gt;Norman&lt;/firstname&gt;&lt;surname&gt;Walsh&lt;/surname&gt;&lt;/author&gt;
  &lt;pubdate&gt;Sunday, 08 Apr 2001&lt;/pubdate&gt;
  &lt;confgroup&gt;
    &lt;conftitle&gt;XSLTUK-01&lt;/conftitle&gt;
    &lt;confdates&gt;08 Apr - 09 Apr 2001&lt;/confdates&gt;
    &lt;conftitle role="address"&gt;Keble College, Oxford, UK&lt;/conftitle&gt;
    &lt;confnum&gt;1&lt;/confnum&gt;
  &lt;/confgroup&gt;
  &lt;releaseinfo role="version"&gt;Version TEST&lt;/releaseinfo&gt;
  &lt;copyright&gt;&lt;year&gt;2001&lt;/year&gt;
             &lt;holder&gt;Sun Microsystems, Inc.&lt;/holder&gt;&lt;/copyright&gt;
&lt;/slidesinfo&gt;</pre>
         </div>
      </div>
      <div class="foil" id="d0e127">
         <div class="foil-body">
            <h1 class="title">Presentation Content</h1>
            <div class="outer_paragraph">It's common for individual slides to consist of a single
bulleted or numbered list. However, the full range of <span class="quote">“<span class="quote">block
level</span>”</span> Simplified DocBook elements are available.</div>
         </div>
      </div>
      <div class="foilgroup" id="d0e135">
         <div class="foilgroup-body">
            <h1 class="title">Styling</h1>
            <div class="outer_paragraph">How to transform a presentation.</div>
            <ul>
               <li>11. <a href="foil08.html">HTML</a>
               </li>
               <li>12. <a href="foil09.html">Plain HTML</a>
               </li>
               <li>13. <a href="foil10.html">Fancy HTML</a>
               </li>
               <li>14. <a href="foil11.html">PDF</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="foil" id="d0e140">
         <div class="foil-body">
            <h1 class="title">HTML</h1>
            <div class="outer_paragraph">There are a lot of HTML options. When you publish your
presentation on the web, it's probably best to use one of the simpler,
more accessible styles. For your actual live presentation, you may
want to choose something fancier.</div>
         </div>
      </div>
      <div class="foil" id="d0e145">
         <div class="foil-body">
            <h1 class="title">Plain HTML</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">
                        <a href="../default/" target="_top">
                           <code class="filename">default.xsl</code>
                        </a>
and
<a href="../plain/" target="_top">
                           <code class="filename">plain.xsl</code>
                        </a>
produce fairly simple presentations
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">
                        <a href="../tables/" target="_top">
                           <code class="filename">tables.xsl</code>
                        </a>
uses a table to show the navigation context (somewhat like the tabular
<a href="http://docbook.sourceforge.net/" target="_top">Website</a> style)
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">
                        <a href="../vslides/" target="_top">
                           <code class="filename">vslides.xsl</code>
                        </a>
places navigation on the left side instead of the top and bottom
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">
                        <a href="../w3c/" target="_top">
                           <code class="filename">w3c.xsl</code>
                        </a>
produces slides that resemble the format used by the W3C for presentations
</div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foil" id="d0e180">
         <div class="foil-body">
            <h1 class="title">Fancy HTML</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">
                        <a href="../frames1/frames.html" target="_top">
                           <code class="filename">frames.xsl</code>
                        </a>
uses frames. There are several options that you can apply:
</div>
                     <div class="itemizedlist">
                        <ul class="itemizedlist">
                           <li class="listitem">
                              <div class="outer_paragraph">
                                 <a href="../frames2/frames.html" target="_top">overlay</a> uses CSS absolute positioning
to keep the navigation static on the pages (only works on recent browsers)
</div>
                           </li>
                           <li class="listitem">
                              <div class="outer_paragraph">
                                 <a href="../frames3/frames.html" target="_top">multiframe</a> uses additional frames
to keep the navigation static on the pages
</div>
                           </li>
                           <li class="listitem">
                              <div class="outer_paragraph">
                                 <a href="../frames4/frames.html" target="_top">dynamic.toc</a> uses
JavaScript to make the table of context <span class="quote">“<span class="quote">active</span>”</span> so that
you can open and close the foil groups (only works on recent browsers)</div>
                           </li>
                           <li class="listitem">
                              <div class="outer_paragraph">
                                 <a href="../frames5/frames.html" target="_top">active.toc</a> uses
JavaScript to keep the table of contents and the current slide in sync
(only works on recent browsers)</div>
                           </li>
                           <li class="listitem">
                              <div class="outer_paragraph">These toc styles can be combined with
<a href="../frames6/frames.html" target="_top">overlay</a> or <a href="../frames7/frames.html" target="_top">multiframe</a>

                              </div>
                           </li>
                        </ul>
                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foil" id="d0e223">
         <div class="foil-body">
            <h1 class="title">PDF</h1>
            <div class="outer_paragraph">The <code class="filename">fo-plain.xsl</code> stylesheet produces XSL Formatting
Objects that can subsequently be turned into PDF.</div>
         </div>
      </div>
      <div class="foilgroup" id="d0e231">
         <div class="foilgroup-body">
            <h1 class="title">Presentation</h1>
            <div class="outer_paragraph">How to customize and present a set of slides.</div>
            <ul>
               <li>16. <a href="foil12.html">Look And Feel</a>
               </li>
               <li>17. <a href="foil13.html">Presentation Tips</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="foil" id="d0e236">
         <div class="foil-body">
            <h1 class="title">Look And Feel</h1>
            <div class="outer_paragraph">For HTML display, most of the actual
<span class="quote">“<span class="quote">look-and-feel</span>”</span> of the presentation is controlled by the CSS
stylesheet(s) used.</div>
         </div>
      </div>
      <div class="foil" id="d0e244">
         <div class="foil-body">
            <h1 class="title">Presentation Tips</h1>
            <div class="itemizedlist">
               <ul class="itemizedlist">
                  <li class="listitem">
                     <div class="outer_paragraph">It's usually best if each slide is only one page (avoid scrolling).
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">If you'll be giving your presentation with a projector, make sure you
know what resolution you'll have available and test your presentation at that resolution.
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Make your fonts bigger so the folks in the back of the room can read
your slides.
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Test the equipment before your presentation begins. Really.
</div>
                  </li>
                  <li class="listitem">
                     <div class="outer_paragraph">Speak more slowly. I always forget that one.
</div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="foilgroup" id="d0e263">
         <div class="foilgroup-body">
            <h1 class="title">Conclusions</h1>
            <ul>
               <li>19. <a href="foil14.html">Conclusions</a>
               </li>
               <li>20. <a href="foil15.html">References</a>
               </li>
               <li>21. <a href="foil16.html">Q&amp;A</a>
               </li>
            </ul>
         </div>
      </div>
      <div class="foil" id="d0e266">
         <div class="foil-body">
            <h1 class="title">Conclusions</h1>
            <div class="outer_paragraph">It's customary to have a conclusions slide.</div>
         </div>
      </div>
      <div class="foil" id="d0e271">
         <div class="foil-body">
            <h1 class="title">References</h1>
            <div class="outer_paragraph">References are a good idea too.</div>
         </div>
      </div>
      <div class="foil" id="d0e276">
         <div class="foil-body">
            <h1 class="title">Q&amp;A</h1>
            <div class="outer_paragraph">Any questions?</div>
         </div>
      </div>
      <div>
         <img src="images/inovace-logo.png" alt="Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem ČR." width="600" height="171"/>
      </div>
   </body>
</html>